<template>
   <section class="section-n">
      <a href="#" class="btn btn-1">申请试用</a>
      <a href="#" class="btn btn-2" @click.prevent="buy">立即购买</a>
    </section>
</template>

<script>
export default { 
  methods:{
    buy () {
      this.$router.push('/admin/agent/productBuy?id=103232')
    }
  }
}
</script>

<style lang="less" scoped>
.section-n{
  height: 154px;
  background: url(../assets/images/products/2.png) no-repeat center center;
  padding-top: 57px;
  text-align: center;
  .btn{
    display: inline-block;
    padding: 8px 20px;
    &.btn-1{
      background: #e7a342;
      color: #fff;
    }
    &.btn-2{
      background: transparent;
      border: 1px solid #fff;
      color: #fff;
      margin-left: 20px;
    }
  }
}
</style>
